import { Fragment, useContext, useEffect, useState } from "react"
import { StyleProvider } from "@ant-design/cssinjs"
import { AppThemeProvider } from "@/providers/ThemeProvider"
import { AppRouter } from "@/router"
import { Index } from "@/providers/PageManageProvider"
import { UserContext, UserContextProvider } from "@/providers/UserContextProvider"
import { Modal } from "antd"
import { LoginModal } from "./components/modal/LoginModal"

function App() {
    return (
        <Fragment>
            <StyleProvider hashPriority="high">
                <AppThemeProvider>
                    <Index>
                        <AppRouter />
                    </Index>
                    ,
                    <LoginModal />
                </AppThemeProvider>
            </StyleProvider>
        </Fragment>
    )
}

export default App
